Method, medium, and system for associating graphical icons with destination addresses using drag and drop

ABSTRACT

Various embodiments of a network page are provided. In one embodiment, at least one server serves up a network page to a client to be rendered on the client in a networked environment. The network page is associated with a network site that facilitates a purchase of items. The network page includes a graphical representation of a selected one of the items, and a plurality of destination regions, each of the destination regions being associated with a corresponding one of a plurality of shipping addresses. The network page is configured to facilitate an association of the selected one of the items with a respective one of the destination regions.

BACKGROUND

Online merchants currently facilitate the purchase of goods online bycustomers through the Internet. From time to time, customers may wish toship purchases to multiple destinations. For example, a given customermay wish to purchase and ship a gift to one or more third parties thatare located remote to the customer.

BRIEF DESCRIPTION OF THE DRAWINGS

Many aspects of the invention can be better understood with reference tothe following drawings. The components in the drawings are notnecessarily to scale, emphasis instead being placed upon clearlyillustrating the principles of the present invention. Moreover, in thedrawings, like reference numerals designate corresponding partsthroughout the several views.

FIG. 1 is a drawing of a networked environment that includes at leastone server and a client according to an embodiment of the presentinvention;

FIG. 2 is a drawing of a rendered network page that is served up to theclient of FIG. 1 by the server(s) of FIG. 1 according to an embodimentof the present invention;

FIG. 3 is a flow chart that illustrates functionality associated withthe network page of FIG. 2 according to an embodiment of the presentinvention;

FIG. 4 is a schematic block diagram of one embodiment of the server(s)of FIG. 1 according to an embodiment of the present invention; and

FIG. 5 is a schematic block diagram of one embodiment of the client ofFIG. 1 according to an embodiment of the present invention.

DETAILED DESCRIPTION

With reference to FIG. 1, shown is a network environment 100 thatincludes, for example, a server 103 and a client 106. The server 103 mayrepresent multiple servers that may be arranged to work in coordinationwith each other. Alternatively, such servers may be arranged in someother manner as can be appreciated. The client 106 is representative ofmultiple clients 106 that access information on the server 103. Both theserver 103 and the client 106 are coupled to a network 109. The network109 may comprise, for example, any type of networked environment such asthe Internet, intranets, local area networks, wide area networks,wireless networks, or other networks as can be appreciated.

In one embodiment, the server 103 includes a web server 113, variousserver applications 116, and one or more data stores 119. The web server113 is one example of an application that is operated on a server 103 inorder to provide browser access to the functions of the server 103 asdetermined by the server applications 116. To this end, the web server113 acts as a gateway through which requests are received and responsestransmitted to the clients 106. It is understood that other applicationsand components may be executed on the server 103 beyond those describedherein.

The server applications 116 may provide many different applications thatare involved, for example, in providing services offered by an onlinemerchant or entity, and for providing other functions. For example, theserver applications 116 may include applications that facilitate theordering of goods online by customers through client machines 106 usingbrowsers. Also, the server application 116 may interface with othersystems to control activity in order fulfillment in fulfillment centers.The server applications 116 may also include applications that generatedynamic network pages such as, for example, dynamic web pages that areprovided to clients 106 in response to various requests.

In order to provide network pages, the server applications 116 mayaccess the data store 119 to obtain network page templates 123, variouscontent items 126, and data 129. The network page templates 123 act astemplates of network pages such as dynamic network pages that mayultimately be populated with the content 126 and data 129 also storedwithin the data store 119. As contemplated herein, the data store 119may be representative of many different data stores included in a givensystem. The data store 119 may comprise, for example, a database orother data storage structure.

The client 106 also includes a browser 133 that is used to access agiven network page 136 that is requested from the server 103. Thenetwork page 136 may be, for example, a dynamic network page such as adynamic web page or other type of network page. For example, whilenavigating through the various network pages 136 made available throughthe server 103 so as to order various goods, the browser 133 may send arequest for a specific network page 136 to the web server 113. The webserver 113 will interface with the appropriate server application(s) 116to generate the desired network page that is then transmitted to thebrowser 133 of the client 106.

Once the network page 136 is obtained, the browser 133 causes thenetwork page 136 to be rendered on a display 139 of the client 106.According to one embodiment, the network page rendered by the browser133 and generated by one or more server applications 116 may be dynamicin the sense that it is created on the fly by the server applications116 accessing various data components stored in the data store 119.Also, the network pages 136 are dynamic in that a degree offunctionality is associated with the network page 136 allowing a user tomanipulate various components of the network page 136 at the client 106.Such functionality may include, for example, dragging and droppingvarious items in various locations within the network page 136, as willbe discussed.

The server 103 may comprise multiple server computers that are typicallyreferred to as “servers.” Such servers may comprise computer systemsthat have been designed for running various server applications. Thedesign of server computers accommodates handling the requests frommultiple clients 106 as can be appreciated.

The client 106 may comprise, for example, a computer system orequivalent system that is capable of executing a browser 133 to accessvarious resources in the network environment 100. For example, it isalso possible that the client 106 may include various personal digitalassistant devices that have a browser 133 and communicate wirelesslyover the network environment 100. The client 106 may include variousinput devices such as, for example, a keyboard and a mouse.Alternatively, other input devices may be employed such as a keypad,touch pad, touch screen, microphone, scanner, joystick, or one or morepush buttons, etc. The peripheral devices may also include the displaydevice 139, indicator lights, speakers, printers, etc. The displaydevice 139 may be, for example, cathode ray tubes (CRTs), liquid crystaldisplay screens, gas plasma-based flat panel displays, or other types ofdisplay devices, etc.

Next, a general discussion of the operation of the various components ofthe network environment 100 is described. To begin, the user manipulatesthe browser 133 of the client 106 in order to access various networkpages 136 that are served up by the server 103. Such network pages 136may be accessed, for example, during the course of placing an order forgoods with the entity that operates the servers 103. During thisprocess, several network pages 136 may be accessed during which the usermay specify multiple products to be shipped to multiple recipients. Suchmay be the case, for example, where the user wishes to send gifts tomultiple persons that are located in geographically diverse areasrelative to the user.

At some point in the process, a shipping address needs to be associatedwith each product selected for purchase or that has already beenpurchased. To this end, the user downloads the network page 136 that thebrowser 133 renders on the display 139. To serve up the network page136, the web server 113 receives a request for the network page 136 andinterfaces with the server applications 116 in order to generate thenetwork page 136. The server applications 116 may then obtain arespective network page template 123 as well as various content 126 andother data 129 needed to generate the network page 136. Alternatively,the network page 136 may be generated in some other manner. The networkpage 136 is then transmitted to the client 106.

To this end, the network page 136 may include various executablecomponents that are executed at the client 106 during the course of theuser interaction with the network page 136 displayed on the displaydevice 139. Alternatively, various executable components associated withthe network pages 136 may be executed at the server 103, where thebrowser 133 may interface with the server 103 during the course of auser manipulation of the network page 136 rendered on the display device139. Thus, various executable components associated with a network page136 may be configured for execution in the client 106 alone, in theserver 103 alone, or in both the client 106 and the server 103.

In this respect, the network page 136 may be created using varioustechnologies that fall under the auspices of “Web 2.0.” For example, oneweb development technology that is employed is termed “AJAX” which is anacronym that stands for “Asynchronous JavaScript and XML.” In thissense, AJAX is asynchronous in that loading does not interfere withnormal page loading. JavaScript is the programming language in whichAJAX function calls are made. Data retrieved using this technique iscommonly formatted using XML, which stands for “Extensible MarkupLanguage.” Alternatively, data formats or languages other than XML maybe employed.

Alternatively, another technology that may be employed is ASP.NET, whichis a web application framework marketed by Microsoft Corporation ofRedmond, Wash. ASP.NET is one implementation of an AJAX framework andmay be used to build dynamic web sites, web applications, and XML webservices and is part of the Microsoft.NET platform, as can beappreciated.

With reference to FIG. 2, shown is one example of the network page 136as rendered on the display device 139 (FIG. 1) according to anembodiment of the present invention. In the example shown, the networkpage 136 as rendered includes graphical representations of selecteditems 153 that a user wishes to purchase. Such items are presumablyselected from among those offered by the online merchant. Alternatively,the items 153 may already have been purchased and the network page 136is presented to the user to obtain the shipping addresses to which eachof the items are to be shipped. As such, references to payment types aswill be described below may not be necessary in such a scenario.

Initially, the graphical representation of each of the items 153 isdisplayed in a product listing region 156 of the network page 136. Ascontemplated herein, reference to “items” 153 refers to the graphicalrepresentation of the items 153 as rendered as part of the network page136. The items 153 displayed in the product listing region 156 are thosefor which a shipping address has yet to be specified. The items 153 maybe displayed as single items or, where two or more of the same item isto be shipped, the items 153 may be displayed with a quantity value 159to indicate a total quantity of the items 153 purchased. Alternatively,quantities of two or more of the same item may be indicated by arrangingmultiple examples of individual items 153 in a stack 163.

A user may manipulate various components of the network page 136 bymanipulating, for example, a mouse or keyboard. One may manipulate suchcomponents, for example, by “clicking” on them. As contemplated herein,the term “clicking” refers to positioning a cursor over a displayed itemusing a mouse, for example, and pressing a button on the mouse or otherinput device as can be appreciated.

Associated with each of the items 153 is an indicator 161 that denotes aclass of items to which the respective ones of the items 153 belongs.For example, where the item 153 is a book, the indicator 161 maycomprise an icon of a book, etc. Many other types of indicators 161 maybe used, where those relating to books are depicted in FIG. 2 asexamples.

The network page 136 also includes destination regions 166. Associatedwith each destination region 166 is a shipping address 169. Respectiveones of the items 153 may be associated with the destination regions 166as will be described. Also associated with each of the destinationregions 166 are shipping options 173. The shipping options 173 may beembodied in the form of a pick list or other selection mechanism thatallows the user to select a given shipment method for the items 153listed or associated with a given destination region 166. Alternatively,the shipping options 173 may be associated with individual items 153within a destination region 166.

The network page 136 also includes a payment type region 183 in which anumber of graphical representations of payment types 186 are displayed.The payment type region 183 may also be termed a “wallet.” Ascontemplated herein, reference to a “payment type” as depicted in thenetwork page 136 refers to the graphical representation of the paymenttype 186 that is associated with a respective method of payment. Each ofthe payment types 186 may comprise, for example, a credit card, giftcertificate, check, money order, or other payment type as can beappreciated. A given payment type 186 may be dragged over to thedestination regions 166 and associated therewith as will be described.Alternatively, the payment types 186 may be dragged directly over pricetotals associated with items to be purchased or are listed in adestination region 166 to associate the payment type 186 with theamounts to be paid.

The network page 136 also includes a view selector 193 that allows theuser to select a type of view that determines how the items 153 andperhaps other components of the network page 136 are rendered as will bedescribed. Also, a single/multiple item selector 196 is included thatallows a user to specify whether they wish to select a single one of, ormultiple ones of the items 153 to be dragged to and dropped in arespective destination region 166. In addition, the network page 136includes size selectors 199 that may be manipulated to change the sizeof the items 153 as they are displayed in the product listing region 156so that individuals can adjust the sizes accordingly to suit theirvisual preferences.

The network page 136 also includes a destination region selector 203that allows a user to identify a current destination region 166 to begenerated in the network page 136. Alternatively, the destination regionselector 203 may provide for selecting one of a plurality of destinationregions 166 to be displayed in a superior position in the network page136 for easy access relative to other listed destination regions 166. Tothe extent that the destination regions 166 extend beyond the view of adisplay device 139, then a scroll bar may be included that allows theuser to scroll the network page 136 so that it can be greater than thearea of the screen of the display 139 upon which it is rendered. Also, ascroll bar may be associated with a given destination region 166 or theproduct listing area 156 where the items 153 associated with these areasdo not fit therein.

In addition, the network page 136 also includes gift wrap links 206 thatmay be manipulated by a user to generate a gift wrap options window 209by which a user may specify gift wrap options for given ones of theitems 153. Once the gift wrap options have been specified, then a giftwrap indicator 213 is associated with the item 153 indicating that giftwrap options have been specified for the item 153. The gift wrap optionswindow 209 allows a user to specify that the item be gift wrapped andalso allows the user to enter a note to be shipped with the item 153.Also, other gift wrap options may be included such as the type ofwrapping paper used, the selection of bows, or other gift wrap optionsas can be appreciated.

The network page 136 also includes an order execution button 216 thatmay be manipulated by a user in order to cause the order to be processedand the items to be shipped to their respective destination addressesspecified by the destination regions 166 when the user has completedassociating each of the items 153 with a given one of the destinationregions 166.

Next, the general operation of the network page 136 is described as itwould be manipulated by a user. According to one embodiment, the networkpage 136 is “dynamic” in that it allows a user to make substantialchanges to the appearance of the network page 136 to perform variousfunctions. The network page 136 includes logic to allow a user toassociate the selected ones of the items 153 displayed in the productlisting region 156 with various ones of the destination regions 166.This may be done, for example, by dragging the items 153 from theproduct listing region 156 over to one of the destination regions 166and dropping the items in the respective destination regions 166.

This may be accomplished by hovering a cursor over a given one of theitems 153, holding down a button on a mouse or other input device, andmoving the mouse or other device such that the item 153 moves with thecursor until it is positioned over the destination region 166.Thereafter, when an individual releases the button on the mouse or otherinput device, the item 153 falls into the destination region 166 and isdisplayed therein. In this manner, a user can easily associate each oneof the items 153 listed in the product listing region 156 with a givenshipping address 169. This graphical approach to associating the items153 with the destination regions 166 and their corresponding shippingaddresses 169 provides an advantageous approach to ensuring that variousitems 153 are shipped to the proper locations. Also, the specificationof a shipping address for each of the items 153 may be completed in anexpeditious manner.

Alternatively, items 153 may be associated with respective ones of thedestination regions 166 by manipulating a keyboard, microphone, or otherinput device associated with the client 106. For example, a keyboard maybe manipulated to highlight or otherwise select one or more items 153and to designate or select one of the destination regions 166. Thekeyboard may then be used to cause the items 153 to be associated withthe respective destination regions 166 without dragging the items 153 asset forth above. Still further verbal commands received from amicrophone maybe interpreted in order to facilitate associating theitems 153 with the destination regions 166.

In addition, the network page 136 also facilitates the display of two ormore of given items 153 by showing the quantity value 159 associatedwith each of the items 153, or by indicating multiple instances of anitem 153 arranged in a stack 163. Also, the indicator 161 associatedwith each of the items that indicates the class of items to which theitems 153 belong provides further information to a user as to theprecise nature of the items 153, where multiple different types of items153 may be displayed in the product listing region 156 having previouslybeen selected by a user for purchase as can be appreciated.

In order to associate gift wrap options with a given one of the items153, a user may manipulate a gift wrap link 206 that is associated witheach of the items 153. Each of the gift wrap links 206 is associatedwith a given one of the items by placing it in close proximity with theitem 153. One may manipulate the gift wrap link 206 by moving a cursorover the link and clicking on the link as can be appreciated.

Once the user has clicked on the gift wrap link 206, then the gift wrapoptions window 209 is generated by the network page 136. The gift wrapoptions window 209 provides for an ability of a user to specify thatgift wrapping is to be performed on a given item 153. Also, the giftwrap options window 209 allows a user to enter a note that is to beshipped along with the item 153. Such may be a greeting such as abirthday wish or other greeting, as can be appreciated.

In addition, many other gift wrap options may be made available such as,for example, specifying a type of wrapping paper or other options as canbe appreciated. Once the gift wrap options have been specified for agiven item 153, then the gift wrap indicator 213 is displayed inassociation with the respective item 153. This indicates to a user thatgift wrapping has been specified for the given one of the items 153.Where items 153 are arranged in a stack 163, then the gift wrapindicators 213 may also be stacked accordingly.

When items 153 are dragged from the product listing region 156 to arespective one of the destination regions 166 and dropped therein, thegift wrap indicator 213 is dragged along with the item 153. In addition,the quantity value 159 may also be dragged with an item if two or moreof the same item is to be shipped to the same destination region 166. Itis also possible to select two or more items 153 in a stack 163 and dragand drop the stack 163 into a respective destination region 166.

The network page 136 also facilitates associating given ones of thepayment types 186 with respective ones of the destination regions 166.In this respect, the items 153 associated with a given destinationregion 166 may be paid for using the payment type 186 that is ultimatelyassociated with the destination region 166. This may reflect the factthat a given organization may wish to use different methods of paymentto keep track of items purchased for different purposes and for itemsshipped to different locations.

The network page 136 includes logic that facilitates the association ofrespective payment types 186 with given ones of the destination regions166. Specifically, in one embodiment, the user may drag a payment type186 to a respective one of the destination regions 166 and drop thepayment type 186 in the respective one of the destination regions 166.If a payment type is already associated with the given destinationregion 166, then a new payment type 186 that is dropped into thedestination region 166 replaces the existing payment type 186 associatedtherewith. Also, the user may click on appropriate interface componentsto add new payment types as desired.

The view selector 193 may be manipulated so as to determine how theitems 153 are displayed in the product listing region 156 and/or thedestination regions 166. Alternatively, multiple view selectors 193 maybe used, one for each of the destination regions 166 and for the productlisting region 156. The items 156 may be represented by icons, imagesrepresentative of the items, or a textual listing of the items 153.Alternatively, the items 153 may be represented in some other manner.The size selector 199 allows a user to specify a size of the items 153that are displayed in the product listing region 153 and/or thedestination regions 166 in accordance with user preferences.

Also, the single/multiple selector 196 allows a user to place thenetwork page 136 in a mode whereby multiple ones of the items 153 may beselected in the product listing region 156 and then dragged in unison toa given one of destination regions 166. The items 153 may be selected byclicking thereon or by using some other selection mechanism. Thiseliminates the need for a user to individually drag and drop each one ofthe items into a respective destination region 166 by allowing one todrag and drop multiple items together. When the single/multiple selector196 is in the single item mode, then a user can select individual onesof the items 153 and drag and drop them in the respective destinationregions 166.

The shipping options 173 associated with each of the destination regions166 allows users to determine how items will be shipped to theirrespective shipping addresses 169 associated with respect to the ones ofthe destination addresses 166. Various shipping modes may be selected,such as, for example, overnight shipping, two-day shipping, three-dayshipping, standard shipping, express shipping, or shipping by othermethods.

Still further, the network page 136 also includes the size selector 199by which a user can vary the sizes of the graphical depictions of theitems 153 as shown in the product listing region 156. Alternatively, thesize selector 199 may apply to the size of all components on the entirenetwork page 136, where relative positioning of the items may change toaccommodate different sizes as can be appreciated. Still further,multiple size selectors 199 may be used in the various regions such asthe payment type region 183, and the destination regions 166 to adjustthe sizes of items displayed therein. Where the sizes of items 153,payment types 186, and textual items associated with the variouscomponents of the network page 136 are varied and are too large to fitwithin a given region, then scroll bars may be employed to accommodatescrolling among the various items 153, payment types 186, or othercomponents within a given region as can be appreciated.

Referring next to FIG. 3, shown is a flow chart that provides oneexample of the operation of executable portions of the network page 136denoted herein as network page logic 136 a according to an embodiment ofthe present invention. The network page logic 136 a may be implemented,for example, in the client 106 or the server 103, or both.Alternatively, the flow chart of FIG. 3 may be viewed as depicting stepsof an example of a method implemented in the client 106 (FIG. 1), theserver 103 (FIG. 1), or both to provide for the association of items 153(FIG. 2) with shipping addresses 169 (FIG. 2) associated withdestination regions 166 (FIG. 2).

The functionality of the executable portions of the network page 136 asdepicted by the example flow chart of FIG. 3 may be implemented, forexample, in an object oriented design or in some other programmingarchitecture. Assuming the functionality is implemented in an objectoriented design, then each block represents functionality that may beimplemented in one or more methods that are encapsulated in one or moreobjects. The executable portions of the network page 136 may beimplemented using any one of a number of programming languages such as,for example, C, C++, JAVA, or other programming languages.

Beginning with box 253, the network page logic 136 a determines whetheran item 153 or payment type 186 (FIG. 2) has been dragged and droppedinto a given destination region 166. If so, then the network page logic136 a proceeds to box 256 in which the item 153 is associated with thegiven destination region 166, thereby associating the same with thecorresponding shipping address 169 of the destination region 166. Also,the payment type 186 is associated with each of the items 153 in thedestination region 166 to be used to pay for such items 153. Note thatthe associations may be made graphically by depicting the image of theitem 153 or payment 186 within the destination region 166 as describedabove. Thereafter, the network page logic 136 a proceeds to box 259. Ifin box 253 no item has been dragged and dropped into a destinationregion 166, then the network page logic 136 a proceeds directly to box259.

Next, in box 259, the network page logic 136 a determines whether a userhas selected a given destination by virtue of the destination regionselector 203. If so, then in box 263 the destination region for theselected destination is depicted in the user interface. Where only asingle destination region can be depicted at a time, then the currentlyselected destination region is depicted depending on the selection made.However, where multiple destination regions 166 are depicted, then theselected one may be positioned in a priority location (i.e. at the topof the list of destination regions 166) to provide easier access inorder to drag and drop items or payments therein. Thereafter, thenetwork page logic 136 a proceeds to box 266. If no selection was madein box 259, then the network page logic 136 a also proceeds directly tobox 266.

Next, in box 266, the network page logic 136 a determines whether a giftwrap link 206 (FIG. 2) was manipulated, indicating that the user wishesto make a gift wrap selection. If so, then the network page logic 136 aproceeds to box 269. Otherwise, the network page logic 136 a progressesdirectly to box 273.

In box 269, the gift wrap options window 209 is generated so that a usermay specify gift wrap options for a given item 153. Thereafter, in box276, it is determined whether the user wishes to save the gift wrapitems by manipulating an appropriate user interface component such asthe checkbox within the gift options window. Assuming that the gift wrapoptions are to be saved in association with the item 153, then thenetwork page logic 136 a proceeds to box 279 in which the gift wrapoptions specified are saved in association with the given item 153 andthe gift wrap indicator 213 is also associated with the item 153graphically on the display device. Thereafter, the network page logic136 a proceeds to box 273.

However, assuming that no gift wrap options are to be saved in box 276,then the network page logic 136 a proceeds to box 283 in which thespecified options in the gift wrap options window 209 are discarded.Thereafter, the network page logic 136 a proceeds to box 273.

Next, in box 273, it is determined whether the user has altered ashipping option by manipulating a respective one of the shipping options173 in a given destination region 166. If such is the case, then in box286 the network page logic 136 a associates the selected shipping optionwith the destination region 166 and, correspondingly, with items 153associated with the respective destination region 166. Thereafter, thenetwork page logic 136 a proceeds to box 289. Similarly, if no selectionof the shipping option occurs in box 273, then the network page logic136 a proceeds directly to box 289.

In box 289, the network page logic 136 a determines whether the displayof the network page 136 is to be altered due to an adjustment. Such anadjustment may involve, for example, manipulating the view selector 193or the item size selection mechanism 199, or other mechanism asdescribed above. If such is the case, then the network page logic 136 aproceeds to box 293 in which the new view of any altered items isdisplayed. Thereafter, the network page logic 136 a proceeds to box 296.Likewise, if no adjustment to the view of the network page 136 is madein box 289, then the network page logic 136 a proceeds to box 296.

In box 296, it is determined whether the user wishes to place an orderby manipulating the order button 216 (FIG. 2). If such is the case, thenthe network page logic 136 a proceeds to transmit the order informationto the server in box 299. If no order is placed in box 296 or once theinformation is transmitted in box 299, then the network page logic 136 areverts back to box 253 as shown. Note that the shipping addressinformation associated with the items 153 listed in the respectivedestination regions 166 is provided to the server 103 in order to allowthe items 153 to be shipped to the respective shipping addresses.

In addition, there may be other functionality as described above that isnot depicted in the flowchart of FIG. 3 that is executed in coordinationwith any manipulation of various components of the network page 136 ascan be appreciated.

With reference to FIG. 4, shown is one example of a server 103 accordingto an embodiment of the present invention. The server 103 may includeone or more processor circuits having a processor 303 and a memory 306,both of which are coupled to a local interface 309. In this respect, thelocal interface may comprise, for example, a data bus with anaccompanying control/address bus as can be appreciated. The server 103is one example of a server computer that may be employed as can beappreciated.

Stored on the memory 306 and executable by the processor 303 are variouscomponents such as a server operating system 313, the web server 113,and the server applications 116. Also, the data store 119 may be locatedin the memory 306 as can be appreciated. In addition, it is understoodthat many other components may be stored in the memory 306 andexecutable by the processors 303.

With reference to FIG. 5, shown is one example of a client 106 accordingto an embodiment of the present invention. As shown, the client 106 alsoincludes a processor circuit having a processor 323 and a memory 326,both of which are coupled to a local interface 329. Stored in the memory326 and executable by the processor 323 are a client operating system333 and a browser 133. The browser is executed to access and render thenetwork page 136 as described above. The client 106 also may include oneor more input or peripheral devices 336 as described above. Also, theclient 106 includes the display device 139 upon which the network page136 is rendered.

As set forth above, with reference to both FIGS. 4 and 5, a number ofcomponents are stored in the memories 306 and 326 and are executable bythe respective processors 303 and 323. In this respect, the term“executable” refers to a program file that is in a form that canultimately be run by the respective processors 303 and 323. Examples ofexecutable programs may be, for example, a compiled program that can betranslated into machine code in a format that can be loaded into arandom access portion of the memories 306 and 326 and run by theprocessors 303 and 323, respectively, or source code that may beexpressed in proper format such as object code that is capable of beingloaded into a of random access portion of the memories 306 and 326 andexecuted by the processors 303 and 323, respectively. An executableprogram may be stored in any portion or component of the memories 306and 326 including, for example, random access memory, read-only memory,a hard drive, compact disk (CD), floppy disk, or other memorycomponents.

Each of the memories 306 and 326 is defined herein as both volatile andnonvolatile memory and data storage components. Volatile components arethose that do not retain data values upon loss of power. Nonvolatilecomponents are those that retain data upon a loss of power. Thus, eachof the memories 306 and 326 may comprise, for example, random accessmemory (RAM), read-only memory (ROM), hard disk drives, floppy disksaccessed via an associated floppy disk drive, compact discs accessed viaa compact disc drive, magnetic tapes accessed via an appropriate tapedrive, and/or other memory components, or a combination of any two ormore of these memory components. In addition, the RAM may comprise, forexample, static random access memory (SRAM), dynamic random accessmemory (DRAM), or magnetic random access memory (MRAM) and other suchdevices. The ROM may comprise, for example, a programmable read-onlymemory (PROM), an erasable programmable read-only memory (EPROM), anelectrically erasable programmable read-only memory (EEPROM), or otherlike memory device.

Also, each of the processors 303 and 323 may represent multipleprocessors and each of the memories 306 and 326 may represent multiplememories that operate in parallel processing circuits, respectively. Insuch a case, each of the local interfaces 309 and 329 may be anappropriate network that facilitates communication between any two ofthe multiple processors, between any processor and any of the memories,or between any two of the memories, etc. The processors 303 and 323 maybe of electrical or optical construction, or of some other constructionas can be appreciated by those with ordinary skill in the art.

The operating systems 313 and 333 are executed to control the allocationand usage of hardware resources such as the memory, processing time andperipheral devices in the server 103 and the client 106. In this manner,the operating systems 313 and 333 serve as the foundation on whichapplications depend as is generally known by those with ordinary skillin the art.

Although the functionality of the network page 136 is described as beingembodied in software or code executed by general purpose hardware asdiscussed above, as an alternative the same may also be embodied indedicated hardware or a combination of software/general purpose hardwareand dedicated hardware. If embodied in dedicated hardware, thefunctionality of the network page 136 can be implemented as a circuit orstate machine that employs any one of or a combination of a number oftechnologies. These technologies may include, but are not limited to,discrete logic circuits having logic gates for implementing variouslogic functions upon an application of one or more data signals,application specific integrated circuits having appropriate logic gates,programmable gate arrays (PGA), field programmable gate arrays (FPGA),or other components, etc. Such technologies are generally well known bythose skilled in the art and, consequently, are not described in detailherein.

The block diagrams, user interfaces, and/or the flow chart of FIGS. 1-5show the architecture, functionality, and operation of an implementationof the network page 136. If embodied in software, each block mayrepresent a module, segment, or portion of code that comprises programinstructions to implement the specified logical function(s). The programinstructions may be embodied in the form of source code that compriseshuman-readable statements written in a programming language or machinecode that comprises numerical instructions recognizable by a suitableexecution system such as a processor in a computer system or othersystem. The machine code may be converted from the source code, etc. Ifembodied in hardware, each block may represent a circuit or a number ofinterconnected circuits to implement the specified logical function(s).

Although the flow chart of FIG. 3 shows a specific order of execution,it is understood that the order of execution may differ from that whichis depicted. For example, the order of execution of two or more blocksmay be scrambled relative to the order shown. Also, two or more blocksshown in succession in FIG. 3 may be executed concurrently or withpartial concurrence. In addition, any number of counters, statevariables, warning semaphores, or messages might be added to the logicalflow described herein, for purposes of enhanced utility, accounting,performance measurement, or providing troubleshooting aids, etc. It isunderstood that all such variations are within the scope of the presentinvention.

Also, where the network page 136 is expressed in the form of software orcode, it can be embodied in any computer-readable medium for use by orin connection with an instruction execution system such as, for example,a processor in a computer system or other system. In this sense, thelogic may comprise, for example, statements including instructions anddeclarations that can be fetched from the computer-readable medium andexecuted by the instruction execution system. In the context of thepresent invention, a “computer-readable medium” can be any medium thatcan contain, store, or maintain the network page for use by or inconnection with the instruction execution system. The computer readablemedium can comprise any one of many physical media such as, for example,electronic, magnetic, optical, or semiconductor media. More specificexamples of a suitable computer-readable medium would include, but arenot limited to, magnetic tapes, magnetic floppy diskettes, magnetic harddrives, or compact discs. Also, the computer-readable medium may be arandom access memory (RAM) including, for example, static random accessmemory (SRAM) and dynamic random access memory (DRAM), or magneticrandom access memory (MRAM). In addition, the computer-readable mediummay be a read-only memory (ROM), a programmable read-only memory (PROM),an erasable programmable read-only memory (EPROM), an electricallyerasable programmable read-only memory (EEPROM), or other type of memorydevice.

It should be emphasized that the above-described embodiments of thepresent invention are merely possible examples of implementations,merely set forth for a clear understanding of the principles of theinvention. Many variations and modifications may be made to theabove-described embodiment(s) of the invention without departingsubstantially from the spirit and principles of the invention. All suchmodifications and variations are intended to be included herein withinthe scope of this disclosure and the present invention and protected bythe following claims.

1. A system, comprising: at least one computing device; and anapplication executable in the at least one computing device, theapplication being configured to cause the at least one computing deviceto: generate a network page that facilitates a purchase of at least oneitem selected by a customer; generate a payment type region, on thenetwork page, that includes a respective graphical icon for each one ofat least one payment type associated with the customer; generate arespective destination region, on the network page, for each one of aplurality of shipping addresses associated with the customer; andtransmit code to another at least one computing device, the code beingconfigured to cause the another at least one computing device toassociate a payment type of the at least one payment type with one ofthe shipping addresses in response to the corresponding graphical iconof the payment type being dragged from the payment type region anddropped into the corresponding destination region of the one of theshipping addresses, wherein the corresponding graphical icon of thepayment type graphically persists on the network page in thecorresponding destination region.
 2. The system of claim 1, wherein theapplication is further configured to cause the at least one computingdevice to generate a quantity icon, on the network page, that overlaps agraphical icon of a corresponding one of the at least one item.
 3. Thesystem of claim 1, wherein the application is further configured tocause the at least one computing device to generate a stack ofoverlapping identical graphical icons that is employed to represent anitem having a quantity greater than one.
 4. The system of claim 1,wherein the network page corresponds to a checkout page for finalizingan order of the customer.
 5. The system of claim 1, wherein the codecorresponds to JavaScript code.
 6. A non-transitory computer-readablemedium embodying at least one program that is executable in at least onecomputing device, the at least one program comprising: code thatgenerates a network page that facilitates a purchase of at least oneitem selected by a customer; code that generates a payment type region,on the network page, that includes a respective graphical icon for eachone of at least one payment type associated with the customer; code thatgenerates a respective destination region, on the network page, for eachone of a plurality of shipping addresses associated with the customer;and code that associates a payment type of the at least one payment typewith one of the shipping addresses in response to the correspondinggraphical icon of the payment type being dragged from the payment typeregion and dropped into the corresponding destination region of the oneof the shipping addresses, wherein the corresponding graphical icon ofthe payment type graphically persists on the network page in thecorresponding destination region.
 7. The non-transitorycomputer-readable medium of claim 6, wherein the at least one programfurther comprises: code that generates a respective destination region,on the network page, for each one of a plurality of shipping addressesassociated with the customer; and code that associates an item of the atleast one item with one of the shipping addresses in response to thecorresponding graphical icon of the item being dragged from the itemregion and dropped into the corresponding destination region of the oneof the shipping addresses, wherein the corresponding graphical icon ofthe item graphically persists on the network page in the correspondingdestination region.
 8. The non-transitory computer-readable medium ofclaim 6, wherein the at least one program further comprises code thatgenerates a quantity icon, on the network page, that overlaps agraphical icon of a corresponding one of the at least one item.
 9. Thenon-transitory computer-readable medium of claim 6, wherein the at leastone program further comprises code that generates a stack of overlappingidentical graphical icons that is employed to represent an item having aquantity greater than one.
 10. The non-transitory computer-readablemedium of claim 6, wherein the network page corresponds to a checkoutpage for finalizing an order of the customer.
 11. A system, comprising:means for generating, in at least one computing device, a network pagethat facilitates a purchase of at least one item selected by a customer;means for generating, in the at least one computing device, a paymenttype region, on the network page, that includes a respective graphicalicon for each one of at least one payment type associated with thecustomer; means for generating, in the at least one computing device, arespective destination region, on the network page, for each one of aplurality of shipping addresses associated with the customer; and meansfor transmitting code, in the at least one computing device, to anotherat least one computing device, the code being configured to cause theanother at least one computing device to associate a payment type of theat least one payment type with one of the shipping addresses in responseto the corresponding graphical icon of the payment type being draggedfrom the payment type region and dropped into the correspondingdestination region of the one of the shipping addresses, wherein thecorresponding graphical icon of the payment type graphically persists onthe network page in the corresponding destination region.
 12. The systemof claim 11, further comprising means for generating, in the at leastone computing device, a quantity icon, on the network page, thatoverlaps a graphical icon of a corresponding one of the at least oneitem.
 13. The system of claim 11, further comprising means forgenerating, in the at least one computing device, a stack of overlappingidentical graphical icons that is employed to represent an item having aquantity greater than one.
 14. The system of claim 11, wherein thenetwork page corresponds to a checkout page for finalizing an order ofthe customer.
 15. The system of claim 11, wherein the code correspondsto JavaScript code.
 16. The system of claim 11, further comprising:means for generating, in the at least one computing device, a respectivedestination region, on the network page, for each one of a plurality ofshipping addresses associated with the customer; and wherein the code isfurther configured to cause the another at least one computing device toassociate an item of the at least one item with one of the shippingaddresses in response to the corresponding graphical icon of the itembeing dragged from the item region and dropped into the correspondingdestination region of the one of the shipping addresses, wherein thecorresponding graphical icon of the item graphically persists on thenetwork page in the corresponding destination region.
 17. A method,comprising the steps of: obtaining, by at least one computing device, anetwork page that facilitates a purchase of at least one item selectedby a customer; rendering, by the at least one computing device, apayment type region, on the network page, that includes a respectivegraphical icon for each one of at least one payment type associated withthe customer; rendering, by the at least one computing device, arespective destination region, on the network page, for each one of aplurality of shipping addresses associated with the customer; andassociating, by the at least one computing device, a payment type of theat least one payment type with one of the shipping addresses in responseto the corresponding graphical icon of the payment type being draggedfrom the payment type region and dropped into the correspondingdestination region of the one of the shipping addresses, wherein thecorresponding graphical icon of the payment type graphically persists onthe network page in the corresponding destination region.
 18. The methodof claim 17, further comprising the step of rendering, by the at leastone computing device, a quantity icon, on the network page, thatoverlaps a graphical icon of a corresponding one of the at least oneitem.
 19. The method of claim 17, further comprising the step ofrendering, by the at least one computing device, a stack of overlappingidentical graphical icons that is employed to represent an item having aquantity greater than one.
 20. The method of claim 17, wherein thenetwork page corresponds to a checkout page for finalizing an order ofthe customer.
 21. The method of claim 17, further comprising the stepsof: rendering, by the at least one computing device, a respectivedestination region, on the network page, for each one of a plurality ofshipping addresses associated with the customer; and associating, by theat least one computing device, an item of the at least one item with oneof the shipping addresses in response to the corresponding graphicalicon of the item being dragged from the item region and dropped into thecorresponding destination region of the one of the shipping addresses,wherein the corresponding graphical icon of the item graphicallypersists on the network page in the corresponding destination region.22. The method of claim 21, further comprising the step of: sending, bythe at least one computing device, a request to select the item to atleast one server; and wherein the network page is obtained from the atleast one server.
 23. The method of claim 21, wherein the associatingstep further comprises the step of sending, by the at least onecomputing device, an association of the item of the at least one itemwith the one of the shipping addresses to at least one server.
 24. Themethod of claim 17, further comprising the step of: sending, by the atleast one computing device, a request to select the payment type to atleast one server; and wherein the network page is obtained from the atleast one server.
 25. The method of claim 17, wherein the associatingstep further comprises the step of sending, by the at least onecomputing device, an association of the payment type of the at least onepayment type with the one of the shipping addresses to at least oneserver.